body {
    background-color: #ececec;
    font-family: "Microsoft Yahei";
}

button:focus {
    outline: none;
}

/*浏览器滚动条样式*/
::-webkit-scrollbar {
    width: 4px;
    height: 6px;
}
::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-thumb {
    background: rgba(221, 221, 221, 0.5);
    border-radius: 5px;
}
::-webkit-scrollbar-button:end:increment,
::-webkit-scrollbar-button:start:decrement {
    display: none;
}
::-webkit-scrollbar-track-piece {
    background-color: transparent;
    border-radius: 3px;
}

::-webkit-scrollbar-track, ::-webkit-scrollbar-corner {
    background-color: transparent;
}

.custom-list {
    display: grid;
    /* autoprefixer: off */
    grid-auto-flow: row;
    .list-title {
        display: grid;
        grid-gap: 10px;
        align-items: center;
        justify-items: center;
        padding: 10px;
        font-size: 15px;
    }
    .list-item {
        min-height: 50px;
        display: grid;
        grid-gap: 10px;
        align-items: center;
        padding: 10px;
    }
    .list-item:hover {
        box-shadow: 0 0 8px 2px rgb(208, 221, 252);
    }
}
